<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no,mail=yes">
	<title>Index</title>

	<script src="./js/jquery-1.8.3.min.js"></script>
	<script src="./js/swiper.min.js"></script>
	<link rel="stylesheet" href="./layui/css/layui.css">
	<link rel="stylesheet" href="./css/iconfont.css">
	<link rel="stylesheet" href="./css/animate.css">
	<link rel="stylesheet" href="./css/swiper.min.css">
	<link rel="stylesheet" href="./css/common.css">
	<link rel="stylesheet" href="./css/index.css">
	<script src="./js/wow.min.js"></script>
	<script type="text/javascript" src="./js/clipboard.min.js"></script>
	<script type="text/javascript" src="./layui/layui.js"></script>
	<link rel="stylesheet" href="./css/swiper-bundle.min.css" />

</head>

<body>
	<main class="active">
		<div class="head_a1">
			<div class="layui-main">
				<div class="b1">
					<div class="t1">步驟二：票券設定( 票券設定 )</div>
					<a href="index.html" class="back_btn"><img src="images/out.png">返回首页</a>
				</div>
			</div>
		</div>
		<div class="main_a">
			<div class="layui-main">
				<div class="active_w active3 ">
					<div class="d-flex jc-s al-c">
						<div></div>
						<p class="text-align-center ft18 mb18 ft-bold">開始為你的票券設定分組吧！</p>
						<a href="active11.html" class="gary_c6 ft14 d-flex al-c">略過此步驟<i style="width: 0.16rem;"
								class="img_box ml5">
								<img src="images/next.jpg"></i></a>
					</div>
					<p class="mb30 text-align-center ft14 gary_c9">票券分組可以將票券分類歸納，依據時間或地點分組管理；消費者在購票頁面中更容易選購！</p>
					<from class="layui-form">
						<div class="content">
							<div class="d-flex jc-fe mb20">
								<div class="orange_c mr10" data-btn="add"><i
										class="layui-icon mr5 layui-icon-add-circle-fine"></i>新增
								</div>
								<div data-btn="delete" class="orange_c"><i
										class="layui-icon mr5 layui-icon-delete"></i>删除分组</div>
							</div>
							<table class="layui-table a9_table" lay-skin="line">
								<colgroup>
									<col>
									<col width="150">
									<col width="150">
									<col width="150">
									<col width="150">
								</colgroup>
								<thead>
									<tr>
										<th><input type="checkbox" name="arr[0]">票券分組名稱</th>
										<th>票券名稱</th>
										<th>票券數量</th>
										<th>票價</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td class="d-flex al-c"><input type="checkbox" name="arr[0]"><input
												class="layui-input"></td>
										<td>10</td>
										<td>10</td>
										<td>免费</td>
										<td>
											<div class="d-flex ">
												<div class="orange_c mr10"><i
														class="layui-icon mr5 layui-icon-list"></i>查看详情
												</div>

											</div>
										</td>
									</tr>
								</tbody>
							</table>
							<div class="a10_b1">
								<div class="item">
									<p class="t1">票券说明</p>
									<p class="t2">无</p>
								</div>
								<div class="item">
									<p class="t1">是否為審核票？</p>
									<p class="t2">无</p>
								</div>
								<div class="item">
									<p class="t1">是否開賣？</p>
									<p class="t2">无</p>
								</div>
								<div class="item">
									<p class="t1">售票时间</p>
									<p class="t2">无</p>
								</div>
								<div class="item">
									<p class="t1">有效時間(可驗票時間)</p>
									<p class="t2">无</p>
								</div>
							</div>


						</div>
						<div class="mt100 d-flex jc-s al-c">
							<a href="active9.html" class="last-btn">
								<img src="images/out1.png">返回上一步
							</a>
							<a href="active11.html">
								<button class="layui-btn layui-bg-orange next-btn">下一步</button>
							</a>
						</div>
					</from>
				</div>

			</div>
		</div>
	</main>
	<!-- <div class="layui-hide">
		<div class="addhtml ">
			<div class="active_w active8 ">
				<from class="layui-form">
					<div class=" flex-center mb60">
						<div class="user_upload">
							<div class="user_img">
								<img src="images/userp.png" id="upload-img">
							</div>
							<div id="upload-btn" class="btn">
								<img class="layui-circle" src="images/upload.png">
							</div>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="label must">嘉賓姓名</div>
						<div class="">
							<input type="text" name="username" lay-verify="required" placeholder="请填写嘉賓姓名"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="label must">職稱
						</div>
						<div class="">
							<input type="text" name="username" lay-verify="required" placeholder="请填写嘉賓職稱"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="label must">公司名稱
						</div>
						<div class="">
							<input type="text" name="username" lay-verify="required" placeholder="请填写嘉賓公司名稱"
								autocomplete="off" class="layui-input">
						</div>
					</div>
					<div class="layui-form-item">
						<div class="label ">嘉賓簡介
						</div>
						<div class="">
							<textarea lay-verify="required" class="layui-textarea"
								style="min-height: 3rem;">请填写嘉賓嘉簡介</textarea>
						</div>
					</div>
					<div class="layui-form-item">
						<div class="label ">嘉賓網址<p class=" tip1">可以加上嘉賓的 Facebook、Instagram、Twitter 等</p>
						</div>
						<div class="">
							<input type="text" name="username" lay-verify="" placeholder="请填写嘉賓網址" autocomplete="off"
								class="layui-input">
						</div>
					</div>
					<div class="mt40 d-flex jc-c al-c">
						<button class="layui-btn layui-bg-orange next-btn">新增嘉宾</button>
					</div>
				</from>
			</div>
			<div class="flex-column-center">

			</div>

		</div>
	</div> -->
</body>
<script src="./js/index.js"></script>

<script>
	layui.use(function () {
		var upload = layui.upload;
		var layer = layui.layer;
		var element = layui.element;
		var $ = layui.$;
		var laydate = layui.laydate;
		laydate.render({
			elem: '#datetime-1',
			type: 'datetime',
			fullPanel: true // 2.8+
		});
	})
	// var addhtml = $('.addhtml')[0].outerHTML;
	$(document).on('click', '[data-btn="add"]', function () {
		layer.prompt({ title: '票券分組名稱', formType: 1 }, function (pass, index) {
			layer.close(index);
			layer.prompt({ title: '文本输入框', formType: 2 }, function (text, index) {
				layer.close(index);
				alert('您输入的密令：' + pass + '；文本：' + text);
			});
		});
	})
	$(document).on('click', '[data-a9-btn]', function () {
		$('[data-a9-btn]').remove()
		$('.show-block').removeClass('layui-hide')

	}).on('click', '[data-btn="delete"]', function () {
		layer.confirm('确定删除嘛', {
			btn: ['确定', '取消'] //按钮
		}, function () {
		}, function () {

		});
	})
</script>

</html>